<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>债权转让项目详情</title>
  <link rel="stylesheet" href="../css/home.css">
  <link rel="stylesheet" href="../css/invest.css">
  <link rel="stylesheet" href="../css/jkd-tab.css">
  <link rel="stylesheet" href="../css/jquery-calendar.css" />
  <link rel="stylesheet" href="../css/jkdpop-box.css">
  <link rel="stylesheet" href="../css/chome.css">
  <script type="text/javascript" src="../lib/jquery-1.7.2.min.js"></script>
  <script src="../js/home.js"></script>
  <script src="../js/jquery.SuperSlide.2.1.1.js"></script>
  <script type="text/javascript" src="../js/jquery-calendar.js"></script>
  <style>
    .home-a3{color:#f15b3a }
    .my-loanl {
      width: 680px;
      min-height: 301px;
    }
    .my-loanr {
      width: 488px;
      min-height: 287px;
    }
    .loan-info{
      padding-top: 18px;
    }
    .my-loan{
      margin-bottom: 10px;
    }
    .loan-numfinfo {
      height: 90px;
    }
    .old-transpro{
      width:260px;
      height: 50px;
      line-height: 18px;
      overflow: hidden;
      white-space: nowrap;
      float:right;
      text-overflow: ellipsis;
      margin: 12px 20px 0 0;
    }
    .my-loanl-mid{
      height: 50px;
    }
    .my-loanl-mid ul li {
      height: 50px;
      line-height: 50px;
      width: 210px;
    }
    .new-transname{
      width: 290px;
      height: 72px;
      float: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .lred-btn{
      margin-top: 5px;
    }
    .loan-til {
      width: 140px;
    }
    .loan-row {
      width: 640px;
      height: 50px;
      line-height: 50px;
    }
    .invest-trans{
      top:28px;
      left: 0;
    }
    .my-loanl .myloan-name {
      line-height: 50px;
    }
    .loan-select p {
      padding-left:0;
      line-height: 16px;
    }
    .loan-select span{
      padding-left: 17px;
    }

    .transfer-icon{
      width: 66px;
      height: 18px;
      top:38px;
      left: 0;
      line-height: 18px;
      text-align: center;
      color: #fff;
      background: #a1a3ff;
      border-radius:12px;
      border: 2px solid #7c65cf;
      box-shadow: 2px 2px 0 #a1a3ff;
    }
  </style>
</head>
<body>
<div id="header"></div>
<!--债权转让立即认购-->
    <div class="my-loan mg0 wd12 ">
      <div class="my-loanl fl box-sh back-w">

        <div class="my-loanl-top border-bot">
          <div class="myloan-name fl pt-re">
            <p class="new-transname font14">[个人场景贷]2018011600000-SX
            </p>
            <div class="transfer-icon pt-ab font12">债券转让</div>
          </div>
          <div class="old-transpro">
            <p>查看原项目：</p>
            <a class="lred-btn col-w hov-alpha" href="invest.html">[个人场景贷]2018011600000-SX</a>
          </div>
        </div>

        <div class="my-loanl-mid">
          <ul>
            <li>
              <span class="pro-num">债权金额</span>
              <span class="font20">1000<span class="font16">元</span></span>
            </li>
            <li>
              <span class="pro-num">待收利息</span>
              <span class="font20">1000<span class="font16">元</span></span>
            </li>
            <li>
              <span class="pro-num">转让价格</span>
              <span class="font24">1000<span class="font16">元</span></span>
            </li>
          </ul>
        </div>

        <div class="loan-info">

          <div class="my-loanl-mid">
            <ul>
              <li>
                <span class="pro-num">剩余期限：</span>
                <span>52<span class="font16">天</span></span>
              </li>

              <li class="pt-re">
                <span class="pro-num" style="padding-right: 30px">期待年回报率</span>
                <span>8%</span>
                <a class="q-mark pt-ab" style="top:4px;right:86px;" title="此期待年回报率未扣除相关手续费，期待回报不代表对实际利息回报的承诺。"><img src="../images/q-mark.png"></a>
              </li>

              <li>
                <span class="pro-num">还款方式：</span>
                <span >先息后本</span>
              </li>
            </ul>
          </div>

          <div class="loan-row">
            <div class="">债权转让的剩余时间：</div>
            <div class="font60">已转让</div>
          </div>
          <div class="loan-row">
            <div class="fl">下期还款日：</div>
            <div class="font60">2018-02-09</div>
          </div>

        </div>
      </div>

      <div class="my-loanr flr box-sh back-w ">
        <div class="invest-til pt-re font18 clorg tl-center">立即认购</div>
        <div style="clear: both"></div>
        <!--已登录-->
        <div class="invest-Logged">
          <p class="surplus-loan">
            购买总额
            <span class="surplus-num font22">50.00 <span class="font14">元</span></span>
          </p>

          <div class="loan-numfinfo">
            <div class="loan-select">
              <form action="">
                <input type="text" class="min-num" value="购买总额 50">
              </form>
              <div style="clear: both"></div>
              <span class="font14 colred">请输入金额</span>
              <p class="font16">账户可用余额 10.01 <a href="myjkd-recharge.html" class="recharge col-w">充值</a></p>
            </div>
          </div>

          <div class="loanr-bot">
            <div class="loanr-botl fl">
              <div class="loanr-til">
                <a id="agreeTemplet" class="line-un col-lightbl hov-alpha fl font14">债权转让项目合同模板预览</a>
              </div>
            </div>
            <div class="flr mg0 hov-alpha"><a id="loggedTemplet" class="invest-btn" >立即认购</a></div>
            <script>
              $().ready(function(){
                //未登录合同模板
                $("#agreeTemplet").click(function(){
                  jkdpopBox();
                  $(".riscpop-btn").hide();
                  $(".risc-txt").css("height","406px");
                  $(".jkd-agreement").hide();//催收协议
                });
                //登录合同
                $("#loggedTemplet").click(function(){
                   jkdpopBox();
                   $(".riscpop-btn").show();
                   $(".risc-txt").css("height","300px");
                    $(".jkd-agreement").show();//催收协议
                  }
                );
              });
            </script>
          </div>
        </div>
        <!--未登录-->
        <div class="Receiving mg0 tl-center   dis-none" style="margin:40px auto;">
          <p>
            购买总额
            <span class="surplus-num font22">1000.00 <span class="font14">元</span></span>
          </p>
          <a class="invest-btn hov-alpha" style="margin: 30px auto;">登录并认购</a>
        </div>

      </div>
    </div>
<div id="footer"></div>
</body>
</html>
